<template>
<div class="wrap">
	<h3>意见反馈</h3>
	<div class="box">
		<textarea placeholder="请输入您的意见我们将期待与您共同成长"></textarea>
	</div>	
	<button class="cancel" @click="cancle">取消</button>
	<button class="submit" @click="submit">提交</button>
</div>
</template>

<script>
	export default{
		name:"feedback",
		methods:{
			cancle:function(){
				$("textarea").val("")
			},
			submit:function(){
				console.log($("textarea").val())
			}
		}
	}
</script>

<style scoped>
.wrap{
	width: 1085px;
	height: 623px;
	border: 1px solid rgb(242,242,242);	
}
h3{
	font-weight: 400;
	font-size: 18px;
	color: rgb(123,123,123);
	text-indent: 22px;
	line-height: 58px;
	border-bottom: 1px solid rgb(242,242,242);	
}
.box{
	width: 1000px;
	height:372px ;
	margin: 40px;
	border: 1px solid rgb(242,242,242);
	
}
textarea{
	width: 956px;
	height:328px ;
	margin: 22px;
	font-size: 14px;
	border: none;
	color: rgb(180,180,180);
}
button{
	display: inline-block;
	width: 150px;
	height: 50px;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	color: white;
}
.cancel{
	background-color: rgb(153,153,153);
	margin-left: 357px;
}
.submit{
	background-color: rgb(247,131,39);
	margin-left: 100px;
}
</style>